<p style="font-size: 2vw;">自定义管道</p>

<!--  -->
<table>
    <tr>
        <td>序号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
        <td>性别(英文版)</td>
    </tr>
    <tr *ngFor="let item of list; let i=index">
        <td>{{ i+1 }}</td>
        <td>{{ item.name }}</td>
        <td>{{ item.age }}</td>
        <!-- 
            生成一个自定义管道gender，可以将sex做一个转换，1转为男性，0转为女性 
            ng generate pipe xxxx;
        -->
        <td>{{ item.sex | gender }}</td>
        <td>{{ item.sex | gender:'en' }}</td>
    </tr>
</table>